<h3>Usulan Ijin Luar Negeri</h3>
<h4>Kanwil XXXX</h4>

<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg navbar-right" onclick="clear_input_usulan()">Buat Usulan</a>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="clear_input_usulan()">&times;</button>
          <h4 class="modal-title" id="judul_modal">Rekam Usulan</h4>
        </div>
        <div id="modale" class="modal-body">
            <form role="form" id="rekam_frm" method="post">
          <input type="hidden" class="form-control" id="id_usulan">
        <div class="form-group">
          <label for="nomer">No Surat</label>
          <input type="text" class="form-control" id="no_surat" placeholder="Masukkan Nomer Surat">
        </div>
        <div class="form-group">
            <label for="tgl">Tanggal Surat</label>
            <div class="controls">
                <div class="input-group">
                    <input id="tgl_surat" type="text" class="date-picker form-control" />
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
          <label for="nip">Perihal Surat</label>
          <textarea class="form-control" rows="3" id="perihal_surat"></textarea>
        </div>
              <button type="submit" class="btn btn-default" data-dismiss="modal" onclick="getAllUsulan()">Batal</button>
              <button type="submit" class="btn btn-default" id="btn_simpan_usulan">Simpan</button>
              <button type="submit" class="btn btn-default" id="btn_simpan_ubah_usulan">Simpan Perubahan</button>
        </form>
        </div>
        <div id="modale2" class="modal-body">
          <table class="table table-hover table-bordered" id="list_pegawai">
          <thead>
            <tr>
              <th>NIP</th>
              <th>Nama</th>
              <th>Jenis Cuti</th>
              <th>Jenis Ijin</th>
              <th>Tanggal Cuti</th>
              <th>Status</th>
              <th colspan="3">AKSI</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
        </table>
          <a class="btn btn-primary btn-lg navbar-right" >Tambah Pegawai</a>
        </div>
        <div class="modal-footer">
            <div id="error" class="alert alert-danger">...</div>
            <div id="success" class="alert alert-success">...</div>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->


<table class="table table-hover table-bordered" id="list_usulan">
  <thead>
    <tr>
      <th>No Surat</th>
      <th>Tanggal Surat</th>
      <th>Jumlah Pegawai</th>
      <th>Status</th>
      <th colspan="3">AKSI</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
<div id="error" class="alert alert-danger">...</div>
<div id="success" class="alert alert-success">...</div>



<script type="text/javascript" src="js/usulan.js" ></script>
<script type="text/javascript">
$(".date-picker").datepicker({
  format:'yyyy-mm-dd'
});

</script>
